<div class="da-list-wrap">
  <div class="da-content-banner">
    <d-breadcrumb>
      <d-breadcrumb-item><a routerLink="/">{{ 'inventory.breadcrumb.home' | translate }}</a></d-breadcrumb-item>
      <d-breadcrumb-item>{{ 'inventory.breadcrumb.InitialInventory' | translate }}</d-breadcrumb-item>
    </d-breadcrumb>
  </div>
  <div class="da-content-wrapper">
        <div class="da-list-container">
          <div class="da-list-header">
            <d-row>
              <d-col [dSpan]="24">
                <div>
                  <input dTextInput style="width: 180px;"  [error]="false" placeholder="单据编码" name="code" [(ngModel)]="OtherWarehousingNum" class="me-2">
                  <d-range-datepicker-pro name="开始结束时间" [(ngModel)]="value1" (ngModelChange)="start$end()" ></d-range-datepicker-pro >
                  <d-button id="primaryBtn" style="margin-left: 8px" (btnClick)="filter()"><i class="icon icon-filter-o me-2"></i>查询</d-button>
                  <d-button bsStyle="common" (btnClick)="reset()"> <i class="icon icon-refresh me-2"></i>重置</d-button>
                </div>
                <div class="btn-group">
                  <div class="btn-left">
                    <d-button bsstyle="primaryBtn"  (click)="add()"> <i class="icon icon-add me-2"></i>新增</d-button>

                    <div class="dDropDown" dDropDown [trigger]="'hover'">
                      <d-button bsStyle="common" class="devui-dropdown-origin" (click)="fileInput.click()">
                        导入
                        <span class="icon-select-arrow"></span>
                      </d-button>
                      <input type="file" #fileInput style="display: none" (change)="onFileSelected($event)"/>
                      <ul dDropDownMenu class="devui-dropdown-menu devui-scrollbar" role="menu">
                        <li role="menuitem" (click)="DownloadOtherWarehousingFileModel()">
                          <a dDropDownMenuItem >下载模板</a>
                        </li>
                      </ul>
                    </div>
                    <d-button (btnClick)="GetLogs()" bsStyle="common">日志</d-button>
                  </div>
                </div>
              </d-col>
            </d-row>
          </div>
          <div class="list-content" >
            <d-data-table [dataSource]="tableData" [lazy]="true" [scrollable]="true" [fixHeader]="true" [tableWidthConfig]="tableWidthConfig"  [tableOverflowType]="'auto'" [scrollable]="true"  (checkAllChange)="getCheckedRows()" (rowCheckChange)="getCheckedRows()" [resizeable]="true">
              <thead dTableHead [checkable]="true" >
                <tr dTableRow>
                  <th dHeadCell [fixedLeft]="'80px'">
                    <span>操作</span>
                  </th>
                  <th dHeadCell *ngFor="let colOption of dataTableOptions.columns">{{ colOption.header }}</th>
                </tr>
              </thead>
              <tbody dTableBody>
                <ng-template let-rowItem="rowItem" let-rowIndex="rowIndex" let-nestedIndex="nestedIndex">
                  <tr dTableRow>
                    <td dTableCell [fixedLeft]="'0px'">
                      <d-checkbox [disabled]="false" [showAnimation]="true" [ngModelOptions]="{ standalone: true }"
                      [ngModel]="rowItem.$checked"
                      dTooltip
                      [halfchecked]="rowItem.$halfChecked"
                      [showGlowStyle]="false"
                      (ngModelChange)="onRowCheckChange($event, rowIndex, nestedIndex, rowItem)"
                      ></d-checkbox>
                    </td>
                    <td dTableCell  [rowItem]="rowItem" [fixedLeft]="'80px'" >
                      <span ><a class="devui-link ms-3" (click)="edit(rowItem.otherWarehousingModelId)" [class.disabled]="rowItem.isAudit">编辑</a></span>
                      <span><a class="devui-link ms-3"  (click)="detailed(rowItem.otherWarehousingModelId)">查看</a></span>
                      <span ><a class="devui-link ms-3" (click)="isAudit(rowItem)" [class.disabled]="rowItem.isAudit">审核</a></span>
                      <span ><a class="devui-link ms-3" (click)="ruku(rowItem.otherWarehousingModelId)" [class.disabled]="!rowItem.isAudit || rowItem.isWarehousing">入库</a></span>
                      <span class="ms-3"><a class="devui-link-danger" [class.disabled]="rowItem.isAudit" (click)="DeleteRole(rowItem)">删除</a></span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.otherWarehousingNum">{{ rowItem?.otherWarehousingNum}}</span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.dateTime | date:'yyyy-MM-dd'">{{ rowItem?.dateTime | date:'yyyy-MM-dd'}}</span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.isWarehousing | booleanToText:'已入库':'未入库'"><d-tag [tag]=" rowItem?.isWarehousing | booleanToText:'已入库':'未入库'" [labelStyle]="rowItem?.isWarehousing" ></d-tag></span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.isAudit | booleanToText:'已审核':'未审核'"><d-tag [tag]=" rowItem?.isAudit | booleanToText:'已审核':'未审核'" [labelStyle]="rowItem?.isAudit" ></d-tag></span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.note">{{rowItem?.note}}</span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.createUser">{{ rowItem?.createUser}}</span>
                    </td>
                    <td dTableCell  [rowItem]="rowItem"
                    [field]="'showType'">
                    <span dTooltip [content]="rowItem?.createTime">{{ rowItem?.createTime }}</span>
                    </td>
                    <td dTableCell >
                      <span class="ellipsis" (click)="GetLogById(rowItem)"> <a class="devui-link">查看</a></span>
                    </td>

                  </tr>
                </ng-template>
              </tbody>
            </d-data-table>
          </div>
         <div class="page-footer">
            <div>
              <p>已选 <span class="underline">{{checkedIds.length}}</span> 条
                <a (click)="cleared()" class="cleared">清空</a>
              </p>
            </div>
            <d-pagination
            [size]="'sm'"
            [canViewTotal]="true"
            [canChangePageSize]="true"
            [canJumpPage]="true"
            [maxItems]="5"
            [total]="this.pager.total"
            [pageSizeOptions]="this.pageSizeOptions"
            [(pageSize)]="pager.pageSize"
            [(pageIndex)]="pager.pageIndex"
            (pageIndexChange)="pageIndexChange($event)"
            (pageSizeChange)="pageSizeChange($event)"
            >
          </d-pagination>
          </div>
        </div>

  </div>
</div>
<d-toast [value]="msgs" [life]="2000" [styleClass]="'custom-class'" [style]="{ left: '50%',top:'10px' }"></d-toast>

